<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app_mine">
        <!-- 用户信息 -->
        <div class="userData">
            <p><img src="../imgs/cat.jpg" alt="" class="user_img"> <span class="user_name">用户名</span></p>
            <p class="signature">个性签名: <span>这个人很懒还没有个性签名</span></p>
        </div>
        <!-- 运动数据 -->
        <div class="sportsData">
            <div class="box1">
                <p>
                    <i class="iconfont icon-data"></i>
                    <span>运动数据</span>
                </p>
                <i class="iconfont icon-vnext"></i>
            </div>

            <!-- 运动信息 -->
            <div class="sportInfo dpflex">
                <!-- 总运动 -->
                <div class="allsport dpflex">
                    <p class="text">总运动</p>
                    <p class="time"><span>分钟</span></p>
                </div>
                <!-- 本周消耗 -->
                <div class="consume dpflex">
                    <p class="text">本周消耗</p>
                    <p class="prana">99999<span>千卡</span></p>
                </div>
            </div>
        </div>

        <!-- 运动徽章 -->
        <div class="sportsBadge dpflex">
            <div class="text dpflex">
                <p><i class="iconfont icon-badge"></i><span>我的运动徽章</span></p>
                <i class="iconfont icon-vnext"></i>
            </div>
            <div class="badge dpflex">
                <div class="badge1"></div>
                <div class="badge2"></div>
                <div class="badge3"></div>
            </div>
        </div>

        <!-- 退出登录 -->
        <div class="logOut">
            <p>退出登录</p>
        </div>
        <div class="js_dialog" id="iosDialog1" style="display: none;">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-dialog__hd"><strong class="weui-dialog__title">温馨提示</strong></div>
                <div class="weui-dialog__bd">确定退出吗</div>
                <div class="weui-dialog__ft">
                    <a href="javascript:" class="weui-dialog__btn weui-dialog__btn_default">在想一想</a>
                    <a href="javascript:" class="weui-dialog__btn weui-dialog__btn_primary">不用考虑了</a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>